@charset "utf-8";

.web{
	min-width: 1000px;
	margin: 0 auto;
	position: relative;
}
/*头部*/
header{
	width: 1000px;
	margin: 0 auto;
	padding-bottom:15px; 
}
header .header-top{
	width: 100%;
	height: 24px;
	background: #00b7ee;
}
/*CSS优先级
 1.行内
 2.页内
 3.页外
 另外：1.在属性后加！important的时候优先级最高
      2.增加类名的具体描述（越详细，优先级）*/
nav{
	width: 900px;
	margin: 0 auto;
	margin-top: 38px;
}
header .header-nav{
	width: 900px;
	margin: 38 auto 0;
}
header .header-navbar li{
	display: inline-block;
	margin-right: 10px;
	float: left;
	height: 29px;
	text-align: center;
	line-height: 29px;
}
.header-navbar li:hover{
	background: #faf8f8;
	border-bottom:1px solid #535353;
}
header .header-navbar li:nth-child(1){
	border-bottom: 1px solid #535353;
	
}
header .header-navbar a{
	font-size: 14px;
	color: #000;
}
header .header-search{
	width: 214px;
	height: 28px;
	border: 1px solid #000;
}
header .header-search input{
	vertical-align: middle;/*垂直居中*/
}
header .header-search input[type="text"]{
	border: none;
	width: 171px;
	height: 28px;
	text-indent: 4px;
}
.header-navbar,.header-search{
	margin-top: 31px;
	margin-left: 60px;
}
.carius{
	width: 1000px;
	height:400px;
	margin: 0 auto;
	position: relative;
	background: url(../img/banan.jpg) ;
	
}
.carius img{
	width: 1000px;
	height: 400px;
}
.carius ul li{
	float:left;
	width:15px;
	height: 15px;
	background:#395674 ;
	border: 1px solid #395674;
	border-radius: 50%;
	margin-right: 12px;
}
.carius ul{
	position: absolute;
	bottom:10px;
	left: 50%;
	margin-left: -35px;
}
.carius ul li:first-child{
	opacity: 0.5;
}

.about{
	width: 900px;
	height: 404px;
	margin: 0 auto;
	background: #fafafa;
}
.about .women{
	width: 900px;
	height: 86px;
	margin: 0 auto;	
	text-align: center;
	position: relative;
}
.about .about-border{
	margin: 0 auto;
	width: 145px;
	height: 36px;
}
.women .about-border img{
	margin-top: 25px;
	width: 145px;
	height: 36px;
}
.women .font{
	width: 131px;
	height: 40px;
	display: inline-block;
	position: absolute;
	margin-left:-65px;
	top: 0;
	margin-top: 12px;
}
.women .font h1,.case-touzi .case-font h1,.link-touzi .link-font h1{
	font-size: 20px;
	line-height: 28px;
}
.women .font p,.case-touzi .case-font p,.link-touzi .link-font p{
	font-size: 14px;
	line-height: 18px;
}
.about-work {
  width: 900px;
  height: 319px;
  margin: 0 auto;
}
.about-work  li{
	width:269px;
	height:319px;
	float: left;
	margin: 0 auto;
	text-align: center;
	background: #f2f2f2;
}
.shiming-img{
	width:140px;
	height: 126px;
	margin: 0 auto;
	padding-top: 17px;
}
.shiming-img img{
	width:140px;
	height: 126px;
}
.shiming h1{
	padding-top: 10px;
	font-size: 18px;
	line-height: 24px;
}
.shiming h2{
	font-size: 12px;
	line-height: 22px;
}
.shiming p{
	margin: 0 auto;
	width:268px;
	text-align:start;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}
.about-work  li:nth-child(2){
	width: 322px;
	margin: 0 20px;
}


/*case*/
.case{
	width: 900px;
	height: 743px;
	margin: 0 auto;
}
.case-touzi{
	width: 900px;
	height: 80px;
	background: #fafafa;
	position: relative;
}
.case-touzi .about-border{
	width: 145px;
	height: 36px;
	margin: 0 auto;
}
.case-touzi .about-border img{
	margin-top: 25px;
	width: 145px;
	height: 36px;
}
.case-touzi .case-font{
	margin: inherit;
	width: 131px;
	height: 40px;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 0;
    left: 50%;
    margin-top: 12px;
    margin-left: -65px;  
}
.caseul{
	width: 900px;
	height:683px;
}
.case-ul li{
	width: 295px;
	height: 300px;
	float: left;
	padding-top: 22px;
	text-align: center;
}
.case-ul li:nth-child(3n-1){
	padding-right: 7px;
	padding-left: 7px;
}
.case-ul li .case-ul-img{
	width: 295px;
	height: 212px;	
	border: 1px solid black;
}
.case-ul li .case-ul-img img{
	width: 100%;
	height: 100%;
}
.case-ul li p{
	font-size: 12px;
	line-height: 32px;
	white-space: nowrap;
}
.case-ul li .a{
	margin: 0 auto;
	width: 135px;
	height: 27px;
	background: #6db6ff;
}
.case-ul li a{
	color: white;
	line-height: 27px;
}
.link{
	width: 900px;
	height: 304px;
	margin: 0 auto;
	position: relative;
	background:lavender;
}
.link-img img:first-child{
	width: 100%;
}
.link .link-ul{
	display: inline-block;
	position: absolute;
	width: 716px;
	height: 83px;
	left: 50%;
	top: 0;
	margin-left: -360px;
	margin-top: 112px;
}
.link-ul li{
	width: 224px;
	height: 83px;
	float: left;
}
.link-ul ul li img{
	width: 100%;
	opacity: 1;
}
.link-ul li:nth-child(2){
	padding-left: 22px;
	padding-right: 22px;
	overflow: hidden;
}
.link-touzi-touzi{
	width: 900px;
	height: 80px;
	position: relative;
}
.link-touzi .about-border{
	width: 145px;
	height: 36px;
	margin: 0 auto;
}
.link-touzi .about-border img{
	display: inline-block;
	position: absolute;
	top: 25px;
	width: 145px;
	height: 36px;
}
.link-touzi .link-font{
	margin: inherit;
	width: 131px;
	height: 40px;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 0;
    left: 50%;
    color: white;
    margin-top: 12px;
    margin-left: -65px;  
}
.link .left{
	width: 38px;
	height: 69px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 118px;
}
.left img{
	width: 100%;
}
.link .right{
	width: 38px;
	height: 69px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 118px;
}
.right img{
	width: 100%;
}

.web .hr{
	width: 1000px;
	color: #eaedf0;
	height: 1px;
	padding-top: 28px;
	margin: 0 auto;
}


/**/
.footer{
	width: 1000px;
	height:237px ;
	margin: 0 auto;
	position: relative;
	
}
.footer-ul{
	display: inline-block;
	position: absolute;
	width: 623px;
	height: 132px;
	margin-left: 50px;
	top: 36px;
}
.footer-ul li{
	width: 112px;
	height: 132px;
	float: left;
}
.footer-ul li a{
	text-decoration:none;
	color: black;
}
.footer-ul li:first-child{
	padding-right:53px ;
	width: 112px;
	height: 132px;
}
.footer-ul li:nth-child(2){
	padding-right: 90px;
	width: 58px;
	height: 132px;
}
.footer-ul li:nth-child(3){
	padding-right:40px;
	width: 112px;
	height: 132px;
}
.footer-ul li:last-child{
	padding-right:55px;
	width: 58px;
	height: 132px;
}
.footer-ul li h1{
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 4;
}
.footer-ul li p{
	font-size: 12px;
	line-height: 22px;
}
.rexian{
	position: absolute;
	top: 36px;
	right: 0;
	margin-right: 50px;
	width: 322px;
	height: 132px;
}
.rexian table{
	height: 123px;
	width: 322px;
}
table tr .td img{
	width: 44px;
	height: 31px;
}
table tr .td4 img{
	width: 100%;
}
tr h1{
	font-size:16px;
	letter-spacing: 4;
}
tr h2{
	font-size: 12px;
	height: 18px;
}
tr p{
	font-size:8px;
	white-space: nowrap;
}
tr .td2 img{
	width: 71px;
	height: 12px;
	margin-left:66px;
}
.td1 h1{
	font-size: 16px;
	letter-spacing: 4;
}
footer{
	display: inline-block;
	position: absolute;
	left: 0;
	top:0 ;
	height:70px;
	width: 1000px;
	background: #6db6ff;
	text-align: center;
	margin-top:150px;
}
footer p{
	font-size: 14px;
	margin-top: 40px;
	
}

@keyframes cariu{
	0% {background-image: url(../img/banan.jpg);top: 0;left:0;}
	50% {background-image: url(../img/youqing.JPG);top: 0;left:0;}
	100% {background-image: url(../img/lunbo.jpg);top: 0;left:0;}
}
.carius{
	animation: cariu 6s ease 1s  infinite alternate;
}
